<template>
	<view>
		<view class="intel">
			<view class="img">
				<image src="../../../static/img/u239.5e4a5781.svg" mode="widthFix"></image>
			</view>
			<view class="num">
				5
			</view>
			<view class="use">
				可用积分
			</view>
			<button type="primary" @click="handleBtn">兑换积分</button>
			<view class="intel_list">
				<view class="intel_item" @click="handleRule">
					积分规则
				</view>
				<view class="intel_item" @click="handleRecord">
					积分记录
				</view>
				<view class="intel_item" @click="handleCashRecord">
					提现记录
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			handleBtn(){
				uni.navigateTo({
					url:'../get_cash/get_cash'
				})
			},
			handleRule(){
				uni.navigateTo({
					url:'../rule/rule'
				})
			},
			handleRecord(){
				uni.navigateTo({
					url:'../record/record'
				})
			},
			handleCashRecord(){
				uni.navigateTo({
					url:'../cash_record/cash_record'
				})
			}
		}
	}
</script>

<style lang="scss">
.intel{
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	margin-top: 80rpx;
	.img{
		width: 120px;
		image{
			width: 100%;
		}
	}
	.num{
	}
	.use{
		margin: 20rpx;
		font-size: 45rpx;
		color: #ccc;
	}
	button{
		margin: 20rpx;
		width: 70%;
		height: 90rpx;
		background-color: #4CD964;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 35rpx;
	}
	.intel_list{
		font-size: 30rpx;
		display: flex;
		justify-content: space-between;
		width: 70%;
		.intel_item{}
	}
}
</style>
